<template>
  <n-carousel
    slides-per-view="auto"
    centered-slides
    draggable
    autoplay
    loop
    interval="3000"
    dot-type="line">
    <img class="carousel-img" src="@/assets/material/c0.jpg" />
    <img class="carousel-img" src="@/assets/material/c0.jpg" />
    <img class="carousel-img" src="@/assets/material/c0.jpg" />
    <img class="carousel-img" src="@/assets/material/c0.jpg" />
    <img class="carousel-img" src="@/assets/material/c0.jpg" />
  </n-carousel>
</template>

<script setup lang="ts"></script>
<style scoped>
.carousel-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
</style>